<%@ page contentType="text/html;charset=UTF-8"%>
<html>
<head>
 <title>贵美商城-商品展示</title>
 <%@ include file="/commons/metaf.jsp" %>

 <script type="text/JavaScript" defer="true">
		$(function() {

			$(".smallimg img").click(function() {
				//小图地址
				var smallPath = $(this).attr('src');//..../show1.jpg
				//alert(smallPath);
				//大图地址:..../show1_big.jpg
				var _arr = smallPath.split("\.");
				//alert(_arr[0]);
				//alert(_arr[1]);
				$(".bigimg").attr('src', _arr[0] + '_big.' + _arr[1]);
			});

			$("#buyLink").click(function() {
				$.post('<c:url value="/Shopping/buy.do"/>', {
					id : '${model.id}'
				}, function(data) {
					if (data.result) {
						$("<span style='color:red'>已成功加入购物车</span>").insertBefore("#buyLink");
						$("<a href='${ctx}/Shopping/list.do'>查看购物车</a>").insertBefore("#buyLink");
						$("#buyLink").remove();
					}
				}, 'json');
			});
		});
	</script>
</head>
<body>
<div id="container">
	<iframe id="header" src="<c:url value="/pagesf/header.jsp"></c:url>" width="980" height="136" frameborder="0" scrolling="no"></iframe>
	<div class="good">
		<h1>${model.name }</h1>
		<ul class="f_l" id="show">
			<li class="bigimg"><a href="buy.htm"><img class="bigimg" src="${model.firstBigPic }" alt="笔记本大图" /></a></li>
			<c:forEach items="${model.smallPicList}" var="path">
				<li class="smallimg"><img src="${path }"  /></li>
			</c:forEach>
			<li class="op clear f_l"><a href="#"><img src="<c:url value="/images/share.gif" />" alt="分享" /></a></li>
			<li class="op f_l"><a href="#"><img src="<c:url value="/images/favthis.gif" />" alt="收藏" /></a></li>			
		</ul>
		<ul class="goodinfo f_l">
			<li>一 口 价：<span>${model.price} </span></li>
			<li>运　　费：<span>免运费</span></li>
			<li class="h74 buynow"><a href="javascript:;" id="buyLink"><img src="<c:url value="/images/buynow.gif" />" alt="alt" /></a></li>
			<li class="onlinepay">此商品支持<a href="#">网银支付</a>，网上汇款免手续费。<br />收货满意后出售者才能拿钱，货款都安全！</li>
			<li>剩余时间：<span>10天23小时</span></li>
			<li>本期售出：<span>2件</span></li>
			<li>累计售出：<span>8件</span></li>
			<li class="f_l w175">商品类型：<span>全新</span></li>
			<li>所 在 地：<span>山西太原</span></li>
			<li class="f_l w175">商品数量：<span>${model.qty }件</span></li>
			<li>是否推荐：<span>${model.ispreferred==1?"是":"否" }</span></li>			
		</ul>
	</div>
	<iframe id="footer" src="<c:url value="/pagesf/footer.jsp"></c:url>" width="980" height="136" frameborder="0" scrolling="no"></iframe>
</div> <!--container end-->	
</body>
</html>